html {
  width: 100%;
  height: 100%;
  
  /*background: #11e8bb; !* Old browsers *!*/
  background-image: linear-gradient(to bottom, #a8edea 0%, #fed6e3 100%);
  background: -moz-linear-gradient(top,  #11e8bb 0%, #8200c9 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #11e8bb 0%,#8200c9 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #11e8bb 0%,#8200c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11e8bb', endColorstr='#8200c9',GradientType=0 ); /* IE6-9 */
  overflow: hidden;
}

body {
  margin: 0;
  padding: 0;
}
.ai
{
    font-weight: 900;
    padding: 36px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 20%;
    color: rebeccapurple;
    font-size: 93px;
    text-shadow: 2px 4px 11px rgb(0 0 0 / 28%);
      -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
}
.name
{
    font-weight: 900;
    padding: 36px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    color: rebeccapurple;
    font-size: 93px;
    letter-spacing: .1em;
    text-shadow: 2px 4px 11px rgb(0 0 0 / 28%);
      -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
}